<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>博客</title>
<link rel="stylesheet" type="text/css" href="/networkforum/css/base.css" />
<!–[if lt IE9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>
<style type="text/css">
.articleHeader{
	width:100%;
	height:200px;
	position:relative;
	overflow:hidden;
}
.userTitle{
	width:100%;
	min-height:100px;
	height:auto;
	text-align:left;
	margin-top:60px;
	position:relative;
}
.userTitle h1{
	font-size:30px;
	font-stretch:wider;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.userTitle article{
	font-size:14px;
	color:#F60;
}
.articleNav{
	width:780px;
	height:30px;
	position:absolute;
	right:0px;
	bottom:0px;	
	text-align:right;
	margin-bottom: 5px;
	text-align: left;
}
.search{
	border: 1px #ccc solid;
	width: 300px;
	height: 23px;
	text-align: left;
	border-radius:3px;
	float: right;
	margin-right: 5px;
	padding: 0px 2px;
}
.searchSbm{
	float: right;
	margin-right: 5px;
}
.articleNav label{
	background-color: #F5F5F5;
	border-radius: 5px;
	border: 1px solid green;
	padding: 3px 15px;
	display: inline-block;
	font-size:12px;
}
.articleNav h2{
	display:inline-block;
	border-radius:1px;
	background-color:#ccc;
	width:auto;
	padding:2px 8px;
	font-weight:normal;
	font-size:12px;
	margin-right:5px;
}
.articleNav h2:hover{
	cursor:pointer;
}
.articleinner{
	min-height:1200px;
	height:auto;
	position: relative;
}
.innerLeft{
	width:20%;
	float:left;
	max-height:2000px;
}
.innerRight{
	width:78%;
	float:right;
}
.innerIframe{
	width:100%;
	min-height:500px;
	height:auto;
	position: relative;
}
.hotUser{
	width:100%;
	height:190px;
	border:1px solid #ccc;
	position:relative;
	border-radius:5px;
	text-align: left;
	margin:10px 0px;
	overflow: hidden;
}
.hotUser h2{
	width:100%;
	height:25px;
	background-color:#E3CB8A;
	font:12px normal;
	line-height:25px;
	vertical-align:middle;
	display:inline-block;
	margin:0;
	padding-left: 5px;
}
.hotUserInner{
	width: 100%;
	height: 150px;
	overflow: hidden;
	position: relative;
	padding: 15px 3px;
}
.hotUserInner li{
	width: 150px;
	height: 100%;
}
.hotUserInner li img{
	min-height:100px;
	max-height:120px;
	min-width:100px;
	max-width:120px;
	height:auto;
	width:auto;
	display: block;
	text-align: center;
	border-radius:3px;
	overflow: hidden;
}
.hotUserInner li label{
	display: block;
	width: 99%;
	height: 25px;
	text-align: center;
	font-size: 12px;
	color: #4E443B;
}
/******************tnav css*********************/
.tnav{
	width:100%;
	left:0;
	top:0;
	right:0;
	height:35px;
	background-color:#a5663b;
	position:fixed;
	overflow:hidden;
	border:1px solid #ccc;
	z-index:9999;
}
/******************footer css*********************/
.footer{
	width:100%;
	height:60px;
	padding-top:2px;
	background-color:#FFF;
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
}	
</style>
<script type="text/javascript">
function iFrameHeight(idName) { 
	var ifm= document.getElementById(idName); 
	var subWeb = document.frames ? document.frames[idName].document : ifm.contentDocument; 
	//var subWeb = ifm.document;
	if(ifm != null && subWeb != null) { 
		ifm.style.height = subWeb.body.scrollHeight + "px"; 
	} 
}
</script>
</head>
<body>
<iframe class="tnav" src="/networkforum/pages/user/user_header.html"></iframe>
<section class="article">
	<header class="articleHeader">
		<section class="userTitle">
        	<h1>${user.userName}的博客</h1>
            <article>${user.userSign}</article>
            <input id="userId" type="text" value="${user.userId}" style="display:none;"/>
            <input id="articleId" type="text" value="${articleId}" style="display:none;"/>
        </section>	
        <section class="articleNav">
        	<label onclick="changeView()">目录视图</label>
            <!-- <h2 onclick="changeView('content')">摘要视图</h2> -->
        	<label onclick="javascript:location='/networkforum/pages/article/article_build.html'">写博文</label>
        	<label class="searchSbm" onclick="search()">search</label>
        	<input type="text" class="search" id="keyWords"/>
        </section>
    </header>
	<iframe scrolling="no" class="articleinner innerLeft" id="leftIframe" name="articleLeft" src="/networkforum/pages/article/article_left.html"></iframe>
    <section class ="articleinner innerRight">
	    <iframe scrolling="no" class="innerIframe" name="articleInner" onLoad="iFrameHeight('rightIframe')" id="rightIframe" src="${iframeSrc}"></iframe>
	    <div style="clear: both;"></div>
	    <section class="hotUser">
	    	<h2>热门博主</h2>
	    	<ul class="hotUserInner" id="hotUser">
	    	</ul>
	    </section>
    </section>
    <iframe class="footer" src="/networkforum/pages/footer.html"></iframe>
</section>
</body>
<script type="text/javascript" src="/networkforum/js/myajax.js"></script>
<script type="text/javascript" src="/networkforum/js/article_main.js"></script>
</html>

